<template>
	<view id="Setting">
		<view class="grille"></view>
		<uni-list class="remind">
			<cmd-cell-item title="活动提醒" show-switch @switch="fnClick" switch-color="#BA2B2B" />
			<cmd-cell-item title="奖励到期提醒" show-switch @switch="fnClick" switch-color="#BA2B2B" />
		</uni-list>
		<view class="grille"></view>
		<uni-list class="email">
			<cmd-cell-item title="绑定邮箱" addon="42145152@qq.com" arrow></cmd-cell-item>
		</uni-list>
		<button class="btn" open-type="contact">
			联系客服
		</button>
	</view>
</template>

<script>
	import uniList from '@dcloudio/uni-ui/lib/uni-list/uni-list.vue'
	import uniListItem from '@dcloudio/uni-ui/lib/uni-list-item/uni-list-item.vue'
	import cmdCellItem from '@/components/cmd-cell-item/cmd-cell-item.vue'
	export default {
		data() {

		},
		components: {
			uniList,
			uniListItem,
			cmdCellItem
		},
		methods: {
			fnClick() {
				uni.getSetting({
					success(res) {
						console.log(res.authSetting)
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	button::after {
		border: none;
	}

	input {
		outline: none;
		border: none;
		list-style: none;
	}

	.grille {
		height: 40upx;
		background: #f4f4f4;
	}

	.btn {
		width: 670upx;
		height: 94upx;
		background: #BA2B2B;
		color: #ffffff;
		border: 2px solid rgba(5, 5, 5, 0.08);
		border-radius: 10px;
		margin: 61upx auto;
		text-align: center;
		line-height: 94upx;
	}
</style>
